Sample Tokens / Colour

Table of Contents

contrast targets

base

base-white

#FFFFFF

base-100

#F6F6F6

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900
Purple
AA
500
600
AAA
600
700
Max
900
Turquoise
AA
500
600
AAA
600
700
Max
900
Red
AA
500
600
AAA
600
700
Max
900

base-150

#EAEAEA

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
Purple
AA
500
600
AAA
600
700
Max
900
Turquoise
AA
500
600
AAA
600
700
Max
900
Red
AA
500
600
AAA
600
700
Max
900

base-200

#DEDEDE

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
Purple
AA
500
600
AAA
600
700
Max
900
Turquoise
AA
500
600
AAA
600
700
Max
900
Red
AA
500
600
AAA
600
700
Max
900

base-250

#D2D2D2

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900
Purple
AA
600
600
AAA
600
700
Max
900
Turquoise
AA
600
600
AAA
600
700
Max
900
Red
AA
600
600
AAA
600
750
Max
900

base-300

#C6C6C6

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900
Purple
AA
600
700
AAA
700
750
Max
900
Turquoise
AA
600
700
AAA
700
750
Max
900
Red
AA
600
700
AAA
700
750
Max
900

base-400

#9E9E9E

Contrast Test Results

Base
AA
700
700
AAA
700
900
Max
900
Purple
AA
700
750
AAA
750
900
Max
900
Turquoise
AA
700
750
AAA
750
900
Max
900
Red
AA
700
750
AAA
750
900
Max
900

base-600

#525252

Contrast Test Results

Base
AA
300
300
AAA
300
100
Max
100
Purple
AA
300
200
AAA
200
100
Max
100
Turquoise
AA
300
250
AAA
250
100
Max
100
Red
AA
300
250
AAA
250
100
Max
100

base-700

#303030

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100
Purple
AA
400
300
AAA
300
250
Max
100
Turquoise
AA
400
300
AAA
300
250
Max
100
Red
AA
400
300
AAA
300
250
Max
100

base-750

#272727

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
Purple
AA
500
400
AAA
400
300
Max
100
Turquoise
AA
500
400
AAA
400
300
Max
100
Red
AA
500
400
AAA
400
300
Max
100

base-800

#1E1E1E

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
Purple
AA
500
400
AAA
400
300
Max
100
Turquoise
AA
500
400
AAA
400
300
Max
100
Red
AA
500
400
AAA
400
300
Max
100

base-850

#161616

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
Purple
AA
500
400
AAA
400
300
Max
100
Turquoise
AA
500
400
AAA
400
300
Max
100
Red
AA
500
400
AAA
400
300
Max
100

base-900

#0B0B0B

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100
Purple
AA
500
400
AAA
400
300
Max
100
Turquoise
AA
500
400
AAA
400
300
Max
100
Red
AA
500
400
AAA
400
300
Max
100

base-black

#000000
purple

purple-100

#FBF7FF

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900

purple-150

#F0E1FD

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900

purple-200

#E5CCFB

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900

purple-250

#DAB5F7

Contrast Test Results

Base
AA
600
700
AAA
700
700
Max
900

purple-300

#D09FF3

Contrast Test Results

Base
AA
600
700
AAA
700
750
Max
900

purple-400

#BB78E4

Contrast Test Results

Base
AA
700
750
AAA
750
Max
900

purple-600

#7F35A6

Contrast Test Results

Base
AA
300
250
AAA
250
Max
100

purple-700

#591E7B

Contrast Test Results

Base
AA
400
300
AAA
300
250
Max
100

purple-750

#461A5F

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100

purple-800

#331545

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100

purple-850

#21102B

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100

purple-900

#100314

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100
turquoise

turquoise-100

#F0FCF7

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900

turquoise-150

#D0EFE3

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900

turquoise-200

#B0E2D0

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900

turquoise-250

#8FD4BC

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900

turquoise-300

#6BC7A8

Contrast Test Results

Base
AA
600
700
AAA
700
750
Max
900

turquoise-400

#43A68A

Contrast Test Results

Base
AA
700
750
AAA
750
Max
900

turquoise-600

#0E6650

Contrast Test Results

Base
AA
300
250
AAA
250
Max
100

turquoise-700

#0D4736

Contrast Test Results

Base
AA
400
300
AAA
300
250
Max
100

turquoise-750

#0F382A

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100

turquoise-800

#0E291F

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100

turquoise-850

#0B1B15

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100

turquoise-900

#000A06

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100
red

red-100

#FFF6F5

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900

red-150

#FFE0DD

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900

red-200

#FFCBC6

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900

red-250

#FFB4AE

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900

red-300

#FF9D96

Contrast Test Results

Base
AA
600
700
AAA
700
750
Max
900

red-400

#EE7066

Contrast Test Results

Base
AA
700
750
AAA
750
Max
900

red-600

#A92B24

Contrast Test Results

Base
AA
300
250
AAA
250
Max
100

red-700

#7B1914

Contrast Test Results

Base
AA
400
300
AAA
300
200
Max
100

red-750

#601613

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100

red-800

#451310

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100

red-850

#2C0F0A

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100

red-900

#130301

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100

base-white

#FFFFFF hsl(305.21, 100%, 100%) rgb(255, 255, 255) lch(100 0 0)

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
500
AAA
500
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-100

#F6F6F6 hsl(339.45, 0%, 96.6%) rgb(246.33, 246.33, 246.33) lch(97 0 153.81)

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-150

#EAEAEA hsl(339.45, 0%, 91.82%) rgb(234.15, 234.15, 234.15) lch(92.75 0 153.81)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-200

#DEDEDE hsl(339.45, 0%, 87.09%) rgb(222.09, 222.09, 222.09) lch(88.5 0 153.81)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-250

#D2D2D2 hsl(339.45, 0%, 82.41%) rgb(210.14, 210.14, 210.14) lch(84.25 0 153.81)

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
600
AAA
600
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-300

#C6C6C6 hsl(339.45, 0%, 77.78%) rgb(198.33, 198.33, 198.33) lch(80 0 153.81)

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-400

#9E9E9E hsl(339.45, 0%, 61.84%) rgb(157.7, 157.7, 157.7) lch(65 0 153.81)

Contrast Test Results

Base
AA
700
700
AAA
700
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
750
AAA
750
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
750
AAA
750
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
750
AAA
750
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-500

#777777 hsl(339.45, 0%, 46.63%) rgb(118.91, 118.91, 118.91) lch(50 0 153.81)

Contrast Test Results

Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-600

#525252 hsl(339.45, 0%, 32.27%) rgb(82.29, 82.29, 82.29) lch(35 0 153.81)

Contrast Test Results

Base
AA
300
300
AAA
300
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
250
AAA
250
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
250
AAA
250
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-700

#303030 hsl(339.45, 0%, 18.94%) rgb(48.29, 48.29, 48.29) lch(20 0 153.81)

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-750

#272727 hsl(339.45, 0%, 15.39%) rgb(39.23, 39.23, 39.23) lch(15.75 0 153.81)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-800

#1E1E1E hsl(339.45, 0%, 11.95%) rgb(30.48, 30.48, 30.48) lch(11.5 0 153.81)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-850

#161616 hsl(339.45, 0%, 8.63%) rgb(22.01, 22.01, 22.01) lch(7.25 0 153.81)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-900

#0B0B0B hsl(339.45, 0%, 4.28%) rgb(10.92, 10.92, 10.92) lch(3 0 153.81)

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

base-black

#000000 hsl(0, 0%, 0%) rgb(0, 0, 0) lch(0 0 0)

Contrast Test Results

Base
AA
500
500
AAA
500
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
500
AAA
500
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
500
AAA
500
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
500
AAA
500
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-100

#FBF7FF hsl(270, 100%, 98.5%) rgb(251.18, 247.35, 255) lch(97.832 4.1395 309.198)

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-150

#F0E1FD hsl(271.19, 88.48%, 93.86%) rgb(239.88, 225.47, 253.19) lch(91.557 15.265 310.243)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-200

#E5CCFB hsl(272.37, 84.47%, 89.06%) rgb(228.96, 203.53, 250.67) lch(85.282 26.3905 311.287)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-250

#DAB5F7 hsl(273.56, 81.34%, 84.1%) rgb(218.36, 181.46, 247.43) lch(79.007 37.516 312.331)

Contrast Test Results

Base
AA
600
700
AAA
700
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-300

#D09FF3 hsl(274.76, 78.57%, 78.95%) rgb(208.02, 159.13, 243.5) lch(72.731 48.6415 313.375)

Contrast Test Results

Base
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-400

#BB78E4 hsl(277.26, 66.5%, 68.15%) rgb(186.86, 119.77, 227.8) lch(61.235 63.7085 315.263)

Contrast Test Results

Base
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-500

#A64ED3 hsl(280, 60%, 56.5%) rgb(166.26, 77.52, 210.63) lch(49.739 78.7755 317.15)

Contrast Test Results

Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-600

#7F35A6 hsl(279.08, 51.28%, 43%) rgb(126.66, 53.42, 165.87) lch(37.516 69.044 316.745)

Contrast Test Results

Base
AA
300
250
AAA
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-700

#591E7B hsl(278.16, 60.54%, 30.06%) rgb(89.28, 30.25, 123.06) lch(25.292 59.3125 316.34)

Contrast Test Results

Base
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-750

#461A5F hsl(277.69, 56.91%, 23.79%) rgb(69.52, 26.14, 95.18) lch(19.469 46.759 316.065)

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
400
AAA
400
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
400
AAA
400
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-800

#331545 hsl(277.41, 52.55%, 17.62%) rgb(50.75, 21.31, 68.53) lch(13.646 34.205 315.79)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-850

#21102B hsl(277.5, 46.56%, 11.6%) rgb(33.03, 15.81, 43.37) lch(7.823 21.651 315.515)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

purple-900

#100314 hsl(285, 75%, 4.5%) rgb(15.78, 2.87, 20.08) lch(1.999 9.097 315.239)

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-100

#F0FCF7 hsl(157, 68%, 96.5%) rgb(240.01, 252.14, 247.49) lch(98.027 4.883 170.026)

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-150

#D0EFE3 hsl(157.43, 49.35%, 87.68%) rgb(208.08, 239.09, 227.42) lch(92.031 12.502 169.712)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-200

#B0E2D0 hsl(158.01, 46.2%, 78.76%) rgb(175.82, 225.86, 207.52) lch(86.034 20.1205 169.398)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-250

#8FD4BC hsl(158.81, 45.09%, 69.63%) rgb(142.62, 212.47, 187.8) lch(80.038 27.7395 169.084)

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-300

#6BC7A8 hsl(160, 45%, 60%) rgb(107.1, 198.9, 168.3) lch(74.041 35.358 168.77)

Contrast Test Results

Base
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-400

#43A68A hsl(162.93, 42.82%, 45.66%) rgb(66.57, 166.29, 137.91) lch(61.987 36.5465 170.403)

Contrast Test Results

Base
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-500

#06876D hsl(168, 92%, 27.5%) rgb(5.61, 134.64, 108.83) lch(49.933 37.7345 172.035)

Contrast Test Results

Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-600

#0E6650 hsl(164.96, 75.59%, 22.77%) rgb(14.18, 101.97, 79.96) lch(38.146 30.7125 169.548)

Contrast Test Results

Base
AA
300
250
AAA
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-700

#0D4736 hsl(162, 69%, 16.5%) rgb(13.04, 71.11, 53.69) lch(26.358 23.69 167.061)

Contrast Test Results

Base
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-750

#0F382A hsl(160.5, 58.43%, 13.78%) rgb(14.61, 55.67, 42.32) lch(20.297 18.618 166.906)

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-800

#0E291F hsl(158.95, 48.98%, 10.76%) rgb(14, 40.86, 31.43) lch(14.235 13.5455 166.751)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-850

#0B1B15 hsl(158.04, 43.69%, 7.36%) rgb(10.57, 26.97, 20.97) lch(8.173 8.473 166.596)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

turquoise-900

#000A06 hsl(153, 100%, 2%) rgb(0, 10.2, 5.61) lch(2.111 3.4005 166.44)

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-100

#FFF6F5 hsl(5, 100%, 98%) rgb(255, 245.65, 244.8) lch(97.446 3.3385 27.072)

Contrast Test Results

Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-150

#FFE0DD hsl(5.13, 100%, 93.39%) rgb(255, 224.16, 221.28) lch(91.638 11.4445 27.627)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-200

#FFCBC6 hsl(4.95, 100%, 88.83%) rgb(255, 202.71, 198.01) lch(85.965 20.143 27.842)

Contrast Test Results

Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-250

#FFB4AE hsl(4.63, 100%, 84.12%) rgb(255, 180.26, 174.01) lch(80.217 29.8885 28.102)

Contrast Test Results

Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-300

#FF9D96 hsl(4, 100%, 79.5%) rgb(255, 157.42, 150.45) lch(74.659 40.35 28.268)

Contrast Test Results

Base
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-400

#EE7066 hsl(4.4, 80.42%, 66.72%) rgb(238.38, 111.89, 101.87) lch(62.312 56.095 31.238)

Contrast Test Results

Base
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-500

#D93E36 hsl(3, 68%, 53%) rgb(216.65, 61.8, 53.65) lch(49.965 71.84 34.208)

Contrast Test Results

Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-600

#A92B24 hsl(3.11, 64.79%, 40.17%) rgb(168.78, 42.94, 36.06) lch(38.314 61.3505 34.878)

Contrast Test Results

Base
AA
300
250
AAA
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-700

#7B1914 hsl(2.81, 72.25%, 28.09%) rgb(123.4, 24.72, 19.88) lch(26.663 50.861 35.547)

Contrast Test Results

Base
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-750

#601613 hsl(2.73, 67.26%, 22.47%) rgb(95.85, 22.27, 18.76) lch(20.479 39.47 33.859)

Contrast Test Results

Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-800

#451310 hsl(3.83, 62.87%, 16.66%) rgb(69.19, 19.18, 15.77) lch(14.295 28.079 32.17)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-850

#2C0F0A hsl(9.39, 63.76%, 10.51%) rgb(43.89, 15.06, 9.71) lch(8.111 16.688 30.482)

Contrast Test Results

Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

red-900

#130301 hsl(7, 90%, 4%) rgb(19.38, 3.16, 1.02) lch(1.926 5.297 28.793)

Contrast Test Results

Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900

Sidebar is empty, sorry!